<template>
    <div class="UserBoxBorder">
        <div class="UserBox">
            <Card></Card>
            <!-- <Card></Card> -->
            <!-- <Card></Card> -->
        </div>
    </div>
</template>

<script>
import Card from '@/components/UserInfoCard'
export default {
    components:{
        Card
    }
}
</script>

<style scoped>
.UserBoxBorder{
    width: 100%;
    height: 22vh;
    /* border: 1px solid red; */
    background-color: unset;
    
}
.UserBox{
    background-color: #14071d;
    height: 100%;
    /* width: 100%; */
    margin: 0px 5vw;
    
    display: flex;
    flex-direction: row;
    justify-content: space-around ;
    align-content: center;

    /* filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; */

    background-color: rgba(26, 26, 26, 0.5)
}
</style>
